/*
  封装的 axios
 */

import axios from 'axios'
// 引入三方JSON转换
import JSONBIG from 'json-bigint'
import router from '@/router'
import { Message } from 'element-ui'

const instance = axios.create({
  baseURL: 'http://api-toutiao-web.itheima.net',
  // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    try {
      const jsonObj = JSONBIG.parse(data)
      return jsonObj
    } catch (e) {
      return data
    }
  }]
})
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 如果有token就拿出来，设置请求头
  const token = JSON.parse(window.localStorage.getItem('myToken')) ? JSON.parse(window.localStorage.getItem('myToken')).token : null
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, function (error) {
  if (error.response && error.response.status === 401) {
    window.localStorage.removeItem('myToken')
    router.push('/login')
    Message({ message: '登录失效', type: 'error' })
  }
  // 对响应错误做点什么
  return Promise.reject(error)
})
export default instance
